<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 <head>
    <title>Projects</title>
	
    <link rel="exhibit/data" 
       type="application/jsonp"
       href="https://spreadsheets.google.com/feeds/list/0AnEtH40HxJqMdDdLRkFxMmtWVXhXbjR2cERFaTB4QlE/od6/public/basic?alt=json-in-script"
       ex:converter="googleSpreadsheets" />
	
	   <!--<link rel='stylesheet' href='https://sites.google.com/site/algosgroup/css/projects.css' type='text/css' />-->
	   <link rel='stylesheet' href='projects.css' type='text/css' />
	
 </head> 
 <body>
    <h1>Projectes Grup Algos</h1>
	<table id="mainTable">
	<tr valign="top">
    	<td>
        	<div style="display:none;" ex:role="view" ex:showToolbox="false" ex:viewClass="Thumbnail" ex:showHeader="false">
 				<div ex:role="lens" >
 					<div class="project-body">
						<div class="project-img">
							<!--<img title="project Img" alt="project Img" ex:src-content=".imageURL">-->
							<img title="project Img" alt="project Img" src="http://farm1.static.flickr.com/109/281040951_65ff5e2880_b.jpg">
						</div>
	
						<div class="project-info">
	          			
							<div class="project-title" ex:content=".label"></div>
			  			
							<div class="project-members">
				  				<div style="float:right;">
									<span ex:content=".anny_ini"></span> - <span ex:content=".anny_fi"></span>
								</div>
								<span ex:content=".participa"></span>
				  			</div>
	
							<div class="project-description" ex:content=".descripcio"></div>
			  
							<div class="project-lastLine" ex:content=".linia"></div>
						</div>		
					</div>
				</div>
 			</div>
		</td>
		<td>
			<div class="facets">
				<div ex:role="facet" ex:expression=".label" ex:facetLabel="Projectes" ex:height="120px"></div>
				<div class="facetClass" ex:role="facet" ex:expression=".linia" ex:facetLabel="Linia d'investigaci&oacute;" ex:height="120px" ex:sortMode="count"></div>
	    		<div ex:role="facet" ex:expression=".participa" ex:facetLabel="Participants" ex:height="120px"></div>
				<div ex:role="facet" ex:facetClass="NumericRange" ex:expression=".anny_ini" ex:facetLabel="Any projecte" ex:interval="1" ex:height="120px" > </div>
				<div ex:role="facet" ex:facetClass="Cloud" ex:expression=".tags" ex:facetLabel="Paraules claus"></div>
			</div>
        </td>
    </tr>
</table>
	
    <script type="text/javascript">
       var head = document.getElementsByTagName("head")[0];
       var Exhibit_parameters = [
           {   name:  "views",
               value: "timeline"
           }
       ];
	       
       var includeScript = function(url) {
               var script = document.createElement("script");
               script.type = "text/javascript";
               script.language = "JavaScript";
               script.src = url;
               head.appendChild(script);
       }
       
	   var includeCSS = function(url) {
               var link = document.createElement("link");
               link.setAttribute("rel", "stylesheet");
               link.setAttribute("type", "text/css");
               link.setAttribute("href", url);
               head.appendChild(link);
       }
		
	   var poll = function(outer, variables, callback) {
            window.setTimeout(function() {
                for (var i = 0; i < variables.length; i++) {
                    if (!(variables[i] in outer)) {
                        window.setTimeout(arguments.callee, 1000);
                        return;
                    }
                }
                callback();
            }, 1000);
        };
		
		var loadSimileAjax = function() {
            includeScript("http://api.simile-widgets.org/ajax/2.2.1/simile-ajax-api.js");
			poll(window, [ "SimileAjax" ], loadExhibit);
        };
		
		var loadExhibit = function () {
			includeScript("http://api.simile-widgets.org/exhibit/2.2.0/exhibit-api.js");
			poll(window, [ "Exhibit" ], onEverythingLoaded);
		}
		
        var onEverythingLoaded = function(){
			/*
             *  Include your own styles here.
             */
            //includeCSS("https://sites.google.com/site/algosgroup/css/projects.css");
			includeCSS("projects.css");
			if (!Exhibit.Database) {
				includeScript("http://api.simile-widgets.org/exhibit/2.2.0/exhibit-api.js");
				poll(window, [ "Exhibit" ], onEverythingLoaded);
				return;
			}
            window.database = Exhibit.Database.create();
            window.database.loadDataLinks();
            window.exhibit = Exhibit.create();
            window.exhibit.configureFromDOM();
        };
		
        window.onload = function() {
			loadSimileAjax();
        };
    </script>
	   
 </body>
 </html>
